<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<div id="app">
    <router-link to="/home">首页</router-link>
    <router-link to="/company/aa">公司介绍1</router-link>
    <router-link to="/company/bb">公司介绍2</router-link>

    <router-view></router-view>
</div>

<script src="node_modules/vue/dist/vue.js"></script>
<script src="node_modules/vue-router/dist/vue-router.js"></script>
<script>

let routes = [
    {
        path:"/home",
        component:() => Promise.resolve({
            template:`<h1>首页的内容</h1>`
        })
    },
    {
        path:"/company/:uname",
        component:() => import('./hot.js')
    }
]
let router = new VueRouter({
    routes
})

let vm = new Vue({
    el:"#app",
    router
})

</script>

</body>
</html>